<!DOCTYPE html>
<html ng-app="loginApp">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <!--     <link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="/assets/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/assets/uikit/dist/css/uikit.gradient.min.css" />
    <link rel="stylesheet" href="/assets/uikit/dist/css/addons/uikit.gradient.addons.min.css" />
    <link rel="stylesheet" href="/app/app.css">
    <title>Angular Authentication</title>
    <script src="/assets/jquery/jquery.js"></script>
    <script src="/assets/angular/angular.js"></script>
    <script src="/assets/uikit/dist/js/uikit.min.js"></script>
    <script src="/assets/uikit/dist/js/addons/sticky.min.js"></script>
    <script src="/assets/uikit/dist/js/addons/datepicker.min.js"></script>
    <script src="/assets/uikit/dist/js/addons/timepicker.min.js"></script>
    <!--     <script src="/assets/bootstrap/dist/js/bootstrap.js"></script> -->
    <script src="/assets/angular-route/angular-route.js"></script>
    <script src="/assets/angular-resource/angular-resource.js"></script>
    <script src="/assets/marked/lib/marked.js"></script>
    <script src="/assets/angular-marked/angular-marked.js"></script>
    <script src="/app/app.js"></script>
    <script src="/app/shared/usersService.js"></script>
    <script src="/app/shared/configureService.js"></script>
    <script src="/app/shared/loginService.js"></script>
    <script src="/app/shared/setBaseService.js"></script>
    <script src="/app/shared/oDbidService.js"></script>
    <script src="/app/login/login.js"></script>
    <script src="/app/home/home.js"></script>
    <script src="/app/register/register.js"></script>
    <script src="/app/manuel/manuel.js"></script>
    <script src="/app/configure/configure.js"></script>
    <script src="/app/graphic/graphic.js"></script>
</head>

<body ng-controller="mainController">
    <div class="uk-container uk-container-center uk-margin-top uk-margin-bottom">
        <nav role="navigation" class="uk-navbar uk-margin-bottom" data-uk-sticky>
            <ul class="uk-navbar-nav">
                <li ng-class="{ 'uk-active': isActive('/')}"><a href="#"><i class="fa fa-bar-chart-o"></i> Home</a>
                </li>
                <li ng-class="{ 'uk-active': isActive('/graphic')}"><a href="#graphic"><i class="fa fa-wrench"></i> Graphiques</a>
                </li>
                <li ng-class="{ 'uk-active': isActive('/configure')}"><a href="#configure"><i class="fa fa-cogs"></i> Connections</a>
                </li>
                <li ng-class="{ 'uk-active': isActive('/manuel')}"><a href="#manuel"><i class="fa fa-book"></i> Manuel</a>
                </li>
                <li ng-class="{ 'uk-active': isActive('/register')}"><a href="#register" ng-show="!currentUser.isAuthenticated">Enregistrer <i class="fa fa-user"></i>+</a>
                </li>
            </ul>
            <div class="uk-navbar-content" ng-show="currentUser.isAuthenticated">
                <form class="uk-form uk-margin-remove uk-display-inline-block" role="configure" ng-show="currentUser.isAuthenticated">
                    <i class="fa fa-database"></i>
                    <select ng-model="databBases.selected" ng-options="i.value as i.content for i in databBases.configures" ng-change="setBase()">
                        <option value=""></option>
                    </select>
                </form>
            </div>
            <div class="uk-navbar-content uk-navbar-flip" ng-show="currentUser.isAuthenticated">
                <form class="uk-form uk-margin-remove uk-display-inline-block" role="logout" ng-submit="logout()">
                    <text>Bonjour {{ currentUser.username }}</text>
                    <button type="submit" class="uk-button">Logout <i class="fa fa-sign-out"></i>
                    </button>
                </form>
            </div>
        </nav>
    </div>
    <div id="main">
        <!-- angular templating -->
        <!-- this is where content will be injected -->
        <div ng-view></div>
    </div>
</body>

</html>
